.search{
    .serachBox{
        display: flex;
        align-items: center;
        margin: 0 .625rem;
        .inputBox{
            flex: 1;
            margin: .5rem 0;
            background-color: #f5f5f5;
            border-radius: .3125rem;
            display: flex;
            color: #ccc;
            display: flex;
            align-items: center;
            i{
                font-size: 1.125rem;
                padding: .625rem;
            }
            input{
                flex: 1;
                padding: .625rem 0;
                outline: none;
                border: none;
                background-color: #f5f5f5;
                margin-right: .3125rem;
                // input修改字体颜色和大小
                &::-webkit-input-placeholder {
                    color: #ccc;
                    font-size: .875rem;
                }
            }
        }
        .btn{
            font-size: 1rem;
            padding: 0 .75rem;
            margin-left: .625rem;
            color: #6a6a6a;
        }
    }
    .recentlySearch{
        margin: 0 .625rem;
        .title{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: .625rem 0;
            svg{
                font-size: 1.375rem;
            }
        }
        .searchList{
            span{
                font-size: .75rem;
                color: #6c6c6c;
                background-color: #f9f8f8;
                line-height: 1.875rem;
                width: 6rem;
                text-align: center;
                border-radius: 1.875rem;
                margin: 0 .625rem .625rem 0;
                display: inline-block;
            }
        }
    }
    .topSreach{
        margin: 0 .625rem;
        h2{
            margin: .9375rem 0;
        }
        span{
            font-size: .75rem;
            color: #6c6c6c;
            background-color: #f9f8f8;
            line-height: 1.875rem;
            width: 6rem;
            text-align: center;
            border-radius: 1.875rem;
            margin: 0 .625rem .625rem 0;
            display: inline-block;
        }
    }
}